@charset "utf-8";
/* reset.css */

body {
    position: relative;
    overflow-y: visible !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    user-select: none;
    -webkit-overflow-scrolling: auto;
}
body * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}

/** html4 reset **/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, th, var, b,h1,h2,h3 {
    font-style: normal;
    font-weight: normal;
}
ol, ul, li {
    list-style-type: none
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th,td,caption {
    vertical-align: top;
    text-align: left;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="date"],
input[type="month"],
input[type="tel"],
input[type="radio"],
input[type="checkbox"],
button, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
img {
    vertical-align: middle;
    font-size: 0;
}

h1 {
    font-size: 0.24rem;
}
h2 {
    font-size: 0.2rem;
}
h3 {
    font-size: 0.18rem;
}
h4 {
    font-size: 0.16rem;
}
h5 {
    font-size: 0.14rem;
}

/** html5 reset **/
header, footer, section, nav, menu, details, hgroup, figure, figcaption, article, aside {
    margin: 0;
    padding: 0;
    display: block;
}
::-moz-placeholder {
    color: #b8b8b8;
}
::-webkit-input-placeholder {
    color: #b8b8b8;
}
::-webkit-scrollbar{width:0px}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:hover {
    opacity: 1
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {
    zoom:1;}

/** Body, links, basics **/



/** Body, links, basics **/
body,html {
    font-size: 100px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body {
    font-size: 0.14rem;
    line-height: 1.8;
    font-family: Hiragino Sans GB,Helvetica,STHeiti STXihei,Microsoft YaHei,Arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #000;
}

/* 布局grid */
#afui,
#content,
.page{
	height:100%;
	width:100%;}
section.main {
    position: relative;
    z-index: 100;
}
section.main.fixed {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #FFF;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
section.main.fixed > article {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;	 
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
}

/*-- 输入框 input --*/
.input_form{
	padding: 0.05rem 0.15rem 0;}
.input_text{
	margin-top:0.22rem;
	position:relative;}
.input_text > .t1{
	display:block;
	width:100%;
	height:0.41rem;
	line-height:0.2rem;
	padding: 0.1rem 0;
	border: 0 none;
	border-bottom:1px solid #efefef;
	font-family: Hiragino Sans GB,Helvetica,STHeiti STXihei,Microsoft YaHei,Arial;
	font-size:0.15rem;
	color:#000;
	outline:none;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	background: none;}
.input_text > .t1.disable{
	color:#b8b8b8;}
.input_text > .tit{
	display:block;
	width:100%;
	line-height:0.16rem;
	font-size:0.15rem;
	color:#999;
	position:absolute;
	top:0.12rem;
	left:0;
	z-index:-1;
	-moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;}
.input_text > .teare01{
	display:block;
	width:100%;
	padding: 0.1rem 0;
	line-height:0.2rem;
	height:0.41rem;
	border: 0 none;
	border-bottom:1px solid #efefef;
	font-family: Hiragino Sans GB,Helvetica,STHeiti STXihei,Microsoft YaHei,Arial;
	font-size:0.15rem;
	color:#000;
	outline:none;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	background: none;
	resize:none;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;}
.input_text > .dropdown{
	display:block;
	width:100%;
	height:0.41rem;
	line-height:0.2rem;
	padding: 0.1rem 0;
	border-bottom:1px solid #efefef;
	font-size:0.15rem;
	color:#000;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	position:relative;
	padding-right:0.2rem;}
.input_text > .dropdown:after{
	display:block;
	content:"";
	width:0.14rem;
	height:0.14rem;
	position:absolute;
	top:50%;
	margin-top:-0.07rem;
	right:0;
	background:url("") no-repeat center;
	background-size: 100% 100%;
	transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);}
.input_text >  .tit.active{
	font-size:0.12rem;
	-webkit-transform: translate3d(0, -0.24rem, 0);
	-moz-transform: translate3d(0, -0.24rem, 0);
    transform: translate3d(0, -0.24rem, 0);}
.input_text.focus > .t1{
	border-bottom:1px solid #1a9bff;}
.input_text.focus > .tit{
	color:#1a9bff;}
.input_text.focus > .dropdown{
	border-bottom:1px solid #1a9bff;}
.input_text.error > .t1{
	border-bottom:1px solid #ff6b1a;}
.input_text.error > .tit{
	color:#ff6b1a;}
.input_text.error > .dropdown{
	border-bottom:1px solid #ff6b1a;}
.two_input{
	margin-top:0.22rem;
	height:0.41rem;}
.two_input > .input_text{
	margin-top:0;
	width:47%;
	float:left;}
.two_input > .input_text:nth-child(2){
	float:right;}
.date_input{
	display:block;
	width:100%;
	height:0.41rem;
	border-bottom:1px solid #efefef;
	font-size:0.15rem;
	color:#000;
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	position:relative;
	padding-right:0.2rem;}
.date_input > .dropdown{
	height:0.4rem;
	padding:0.1rem 0;
	line-height:0.19rem;
	float:left;
	min-width:0.72rem;}
.date_input > .line{
	float:left;
	width:0.2rem;
	height:0.01rem;
	background:#ddd;
	margin:0.19rem 0.1rem 0;}
.input_text.focus > .teare01{
	height:0.61rem;
	border-bottom:1px solid #1a9bff;
	white-space: inherit;}
.input_text.error > .teare01{
	height:0.61rem;
	border-bottom:1px solid #ff6b1a;
	white-space: inherit;}

/*-- 开关 switch --*/
.switch {
    height: 0.3rem;
    width: 0.52rem;
    position: relative;
    overflow: hidden;}
.switch > input[type=checkbox] {
    width: 0.52rem;
    height: 0.3rem;
    position: absolute;
    left: 0;
    top: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 100;
	outline:none;}
.switch > .switch-inner {
    height: 0.3rem;
    position: relative;
    background: #ddd;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
	transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;}
.switch > .switch-inner > .switch-btn {
    height: 0.3rem;
    width: 0.52rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;}
.switch > .switch-inner > .switch-btn span {
    width: 0.52rem;
    height: 0.3rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    font-size: 0.1rem;
    text-indent: -30rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    opacity: 0;
    transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    position: absolute;
    left: 0;
    top: 0;}
.switch > .switch-inner > .switch-btn .active {
    background: #1a9bff;}
.switch > .switch-inner > .switch-arrow {
    height: 0.28rem;
    width: 0.28rem;
    background: #FFFFFF;
    position: absolute;
    top: 0.01rem;
    right: 0.23rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    z-index: 10;}
.switch > input[type=checkbox]:checked + .switch-inner > .switch-btn .active {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);}
.switch > input[type=checkbox]:checked + .switch-inner .switch-arrow {
    right: 0.01rem;}
.switch.text > .switch-inner > .switch-btn {
    height: 0.28rem;
    line-height: 0.28rem;
    margin-left: -100%;
    transition: margin 0.1s ease-in;
    -moz-transition: margin 0.1s ease-in;
    -webkit-transition: margin 0.1s ease-in;
    width: 200%;
    position: relative;}
.switch.text > .switch-inner > .switch-btn span {
    float: left;
    width: 50%;
    height: 0.28rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 0.1rem;
    text-indent: 0;
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);}
.switch.text > .switch-inner > .switch-btn .active {
    color: #FFFFFF;
    text-align: center;
	padding-right:0.22rem;
    background: none;}
.switch.text > .switch-inner > .switch-btn .inactive {
    color: #b8b8b8;
    text-align: center;
    background: none;
	padding-left:0.22rem;}
.switch.text > input[type=checkbox]:checked + .switch-inner {
    background: #47dd7c;}
.switch.text > input[type=checkbox]:checked + .switch-inner .switch-btn {
    margin-left: 0;}
.switch.text > input[type=checkbox]:checked + .switch-inner .switch-arrow {
    right: 0.01rem;}
.input_text .switch{
	position:absolute;
	top:0.05rem;
	right:0;}

/*-- 按钮 button --*/
.ce_btn{
	padding: 0.15rem;
	margin-top:0.1rem;}
.ce_btn > a{
	display:block;
	height:0.44rem;
	line-height:0.44rem;
	text-align:center;
	font-size:0.16rem;
	color:#fff;
	background:#1a9bff;
	border-radius:0.04rem;-moz-border-radius:0.04rem;-webkit-border-radius:0.04rem;}
.ce_btn > a.disable{
	color:rgba(255,255,255,0.5);}
.code_img{
	display:block;
	width:0.9rem;
	height:0.36rem;
	position:absolute;
	top:50%;
	margin-top:-0.18rem;
	right:0;
	z-index:50;}
.code_img > img{
	display:block;
	width:100%;
	height:100%;}
.txt_close{
	display:block;
	width:0.16rem;
	height:0.16rem;
	position:absolute;
	top:50%;
	margin-top:-0.09rem;
	right:0;
	background:url("") no-repeat center;
	background-size: 100% 100%;
	z-index:50;}
.code_btn{
	display:inline-block;
	line-height:0.24rem;
	font-size:0.12rem;
	color:#1a9bff;
	position:absolute;
	top:50%;
	margin-top:-0.12rem;
	right:0;
	z-index:50;}
.code_btn.time{
	color:#b8b8b8;}
.btn_fixed .code_btn{
	margin-top:0;}
	

/*-- 头部 header --*/
.header_inner {
	height: 0.44rem;
	line-height: 0.43rem;
	background: #f9f9f9;
	position: relative;
	border-bottom:1px solid #b7b7b7;}
.header_inner > h1.title {
	font-size: 0.17rem;
	color: #000;
	position: relative;
	z-index: 0;
	text-align:center;}
.header_inner > .icon_nav{
	display:block;
	width:0.43rem;
	height:0.43rem;
	position:absolute;
	top:0;
	left:0;
	background:url("") no-repeat center;
	background-size: 0.22rem 0.22rem;
	z-index:50;}
.header_inner > .icon_location{
	display:block;
	width:0.43rem;
	height:0.43rem;
	position:absolute;
	top:0;
	right:0;
	background:url("") no-repeat center;
	background-size: 0.22rem 0.22rem;
	z-index:50;}
.header_inner > .icon_search{
	display:block;
	width:0.43rem;
	height:0.43rem;
	position:absolute;
	top:0;
	right:0;
	background:url("") no-repeat center;
	background-size: 0.22rem 0.22rem;
	z-index:50;}
.header_inner > .icon_close{
	display:block;
	width:0.43rem;
	height:0.43rem;
	position:absolute;
	top:0;
	left:0;
	background:url("") no-repeat center;
	background-size: 0.22rem 0.22rem;
	z-index:50;}
.header_inner > .icon_text{
	display:block;
	line-height:0.43rem;
	height:0.43rem;
	position:absolute;
	top:0;
	right:0.1rem;
	font-size:0.12rem;
	padding: 0 0.05rem;
	color:#999;
	z-index:50;}
.header_inner > .icon_back{
	display:block;
	width:0.43rem;
	height:0.43rem;
	position:absolute;
	top:0;
	left:0;
	background:url("") no-repeat center;
	background-size: 0.22rem 0.22rem;
	z-index:50;}

/*-- 手机验证 login --*/
.logo_box{
	padding:0.45rem 0 0.7rem;}
.logo_box > .pic{
	display:block;
	height:0.6rem;
	margin: 0 auto;}
.logo_box > .pic > img{
	display:block;
	height:100%;
	margin: 0 auto;}
.login_box > .input_form{
	margin-bottom:0.3rem;}
.login_tips{
	width:100%;
	font-size:0.12rem;
	color:#999;
	position:absolute;
	bottom:0.15rem;
	left:0;
	text-align:center;}
.login_tel{
	padding:0.2rem 0.15rem;
	text-align:center;}
.login_tel .info{
	line-height:0.32rem;
	font-size:0.25rem;}





/*-- 选择营业部 --*/	
.list_box > h5{
	padding: 0 0.1rem;
	line-height:0.22rem;
	font-size:0.10rem;
	color:#666;
	font-weight:normal;
	background:#efefef;}
.select_list{
	background:#fff;}
.select_list > li{
	height:0.44rem;
	line-height:0.44rem;
	padding: 0 0.45rem 0 0.15rem;
	font-size:0.15rem;
	color:#333;
	position:relative;
	border-bottom:1px solid #efefef;} 		
.select_list > li.active:after{
	display:block;
	width:0.22rem;
	height:0.22rem;
	content:"";
	position:absolute;
	top:50%;
	margin-top:-0.11rem;
	right:0.15rem;
	background:url("") no-repeat center;
	background-size:0.22rem 0.22rem;}
.spel_address{
	display:block;
	padding-left:0.15rem;
	position:relative;}	
.spel_address:before{
	display:inline-block;
	width:0.2rem;
	height:0.2rem;
	content:"";
	position:absolute;
	top:50%;
	margin-top:-0.1rem;
	left:-0.1rem;
	background:url("") no-repeat center;
	background-size:0.2rem 0.2rem;}	
.list_box .select_list > li:last-child{
	border-bottom: 0 none;}	
.zm_menu{
	display:table;
	width:0.16rem;
	height:80%;
	position: absolute;
	top:0.5rem;
	right:0.04rem;
	z-index:1000;}
.zm_menu > li{
	display: table-row;
	width:100%;
	vertical-align:middle;
	text-align:center;}
.zm_menu > li > a{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	text-align:center;
	color:#1a9bff;
	font-size:0.12rem;
	line-height:0.12rem;}
.map_box > .map_fixed{
	height:1.6rem;
	overflow:hidden;
	border-bottom:1px solid #efefef;}
.map_box > .map_fixed img{
	display:block;
	width:100%;}	
.map_box > .map_info{
	height:0.3rem;
	line-height:0.3rem;
	text-align:center;
	background:#1a9bff;
	font-size:0.14rem;
	color:#fff;}	
.network_list{
	padding-left:0.15rem;}
.network_list > ul > li{
	border-bottom:1px solid #efefef;
	position:relative;
	line-height:0.2rem;
	padding:0.08rem 0.1rem 0.08rem 0;}	
.network_list > ul > li > .location{
	font-size:0.12rem;
	color:#999;
	position:absolute;
	top:0.08rem;
	right:0.1rem;}
.network_list > ul > li	> h5{
	font-weight:normal;
	font-size:0.15rem;
	color:#000;}	
.network_list > ul > li	> p{
	font-size:0.12rem;
	color:#999;}	
.network_list > ul > li strong{
	font-weight:normal;
	color:#ff0000;}
@keyframes listLoad {
    from { transform: translate3d(0,0.2rem,0); }
    to { transform: translate3d(0,0,0); }
}
@-webkit-keyframes listLoad {
    from { -webkit-transform: translate3d(0,0.2rem,0); }
    to { -webkit-transform: translate3d(0,0,0); }
}
@-moz-keyframes listLoad {
    from { -moz-transform: translate3d(0,0.2rem,0); }
    to { -moz-transform: translate3d(0,0,0); }
}
.network_list > ul.load{
	-webkit-animation-duration: 500ms;
	-webkit-animation-name: listLoad;
	animation-duration: 500ms;
	animation-name: listLoad;}
.search_tpbox{
	margin:0 0.44rem 0 0.1rem;
	position:relative;
	padding: 0.06rem 0 0;
	height:0.37rem;}
.search_tpbox > .input{
	display:block;
	width:100%;
	padding: 0.05rem 0.1rem 0.05rem 0.33rem;
	line-height:0.19rem;
	border:1px solid #e5e5e5;
	background:#e5e5e5;
	font-size:0.15rem;
	color:#000;
	border-radius:0.04rem;-moz-border-radius:0.04rem;-webkit-border-radius:0.04rem;
	font-family: Hiragino Sans GB,Helvetica,STHeiti STXihei,Microsoft YaHei,Arial;
	outline:none;
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	-o-transition: all 500ms;}
.search_tpbox > .input::-moz-placeholder {
    color: #999;}
.search_tpbox > .input::-webkit-input-placeholder {
    color: #999;}	
.search_tpbox > .input:focus{
	background:#f9f9f9;
	border:1px solid rgba(31,126,255,0.5);}
.search_tpbox > .icon{
	display:block;
	width:0.22rem;
	height:0.22rem;
	position:absolute;
	top:0.1rem;
	left:0.05rem;
	background:url("") no-repeat center;
	background-size: 0.22rem 0.22rem;}
.search_close{
	display:block;
	width:0.36rem;
	height:0.36rem;
	position:absolute;
	top:0.03rem;
	right:0.04rem;
	background:url("") no-repeat center;
	background-size:0.22rem 0.22rem;}
.search_error{
	border-bottom:1px solid #efefef;
	background:#fff2da;
	padding:0.1rem 0.15rem 0.1rem 0.54rem;
	line-height:0.2rem;
	color:#a92121;
	font-size:0.12rem;
	min-height:0.5rem;
	position:relative;}
.search_error:before{
	display:block;
	content:"";
	width:0.3rem;
	height:0.3rem;
	position:absolute;
	top:50%;
	margin-top:-0.15rem;
	left:0.143rem;
	background:url("") no-repeat center;
	background-size: 100% 100%;}
.search_error > h5{
	font-weight:normal;
	font-size:0.14rem;}

/*-- 开户进度 sidebar --*/
.sidebar_shadow{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	bottom:0;
	right:105%;
	transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	-o-transition: all 500ms;
	z-index:2000;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;	 
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;}
.shadow_box{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	bottom:0;
	z-index:1000;}
.sidebar_box{
	background:#fff;
	width:80%;
	height:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	position:relative;
	z-index:3000;
	overflow-x:hidden;
	overflow-y:auto;}
.sidebar_shadow.show{
	transform: translate3d(105%,0,0);
	-webkit-transform: translate3d(105%,0,0);
	-moz-transform: translate3d(105%,0,0);}
.sidebar_title{
	height:0.44rem;
	line-height: 0.43rem;
	border-bottom:1px solid #b7b7b7;
	background: #f9f9f9;
	position: relative;}
.sidebar_title h3{
	text-align:center;
	font-weight:normal;
	font-size:0.17rem;}
.sidebar_title h3 span{
	position:relative;}
.sidebar_title h3 span:before,
.sidebar_title h3 span:after{
	display:block;
	content:"";
	width:0.5rem;
	height:0.04rem;
	position:absolute;
	top:50%;
	margin-top:-0.02rem;}
.sidebar_title h3 span:before{
	left:-0.6rem;
	background:url("") no-repeat center;
	background-size: 100% 100%;}
.sidebar_title h3 span:after{
	right:-0.6rem;
	background:url("") no-repeat center;
	background-size: 100% 100%;}
.sidebar_list{
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	position:relative;}
.sidebar_list:before{
	display:block;
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:0.27rem;
	background:#e6e6e6;}
.sidebar_list > ul{
	padding:0.1rem 0;
	position:relative;}
.sidebar_list > ul:before{
	display:block;
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:0.27rem;
	background:#e6e6e6;
	z-index:5000;}
.sidebar_list > ul > li{
	padding:0.12rem 0.15rem 0.12rem 0.6rem;
	position:relative;
	font-size:0.12rem;
	color:#999;
	line-height:0.16rem;}
.sidebar_list > ul > li > h5{
	line-height:0.25rem;
	font-weight:normal;
	font-size:0.15rem;}
.sidebar_list > ul > li > i{
	display:block;
	width:0.25rem;
	height:0.25rem;
	position:absolute;
	top:0.12rem;
	left:0.15rem;
	border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;
	background:#c4c4c4 url(../images/nav_bg.png) no-repeat;
	background-size: 0.25rem 2.75rem;
	z-index:10000;}
.sidebar_list > ul > li.start i{
	background-position: 0 0;}
.sidebar_list > ul > li.branch i{
	background-position: 0 -0.25rem;}
.sidebar_list > ul > li.idconfirm i{
	background-position: 0 -0.5rem;}
.sidebar_list > ul > li.idsupply i{
	background-position: 0 -0.75rem;}
.sidebar_list > ul > li.witness i{
	background-position: 0 -1rem;}
.sidebar_list > ul > li.stkacct i{
	background-position: 0 -1.25rem;}
.sidebar_list > ul > li.tpbank i{
	background-position: 0 -1.5rem;}
.sidebar_list > ul > li.risksurvey i{
	background-position: 0 -1.75rem;}
.sidebar_list > ul > li.setpwd i{
	background-position: 0 -2rem;}	
.sidebar_list > ul > li.visitsurvey i{
	background-position: 0 -2.25rem;}
.sidebar_list > ul > li.success i{
	background-position: 0 -2.5rem;}
.sidebar_list > ul > li.off{
	color:#000;}
.sidebar_list > ul > li.off > i{
	background-color:#fb8474;}
.sidebar_list > ul > li.yet{
	color:#000;}
.sidebar_list > ul > li.yet > i{
	background-color:#393939;}
.sidebar_list > ul > li p.error{
	color:#ff0000;}
.opea_time{
	color:#666;
	display:block;
	padding-top:0.05rem;}
.sidebar_list > ul > li.active{
	background:#f9f9f9;}

/*-- 身份验证 --*/
.upload_box{
	padding:0.1rem 0.05rem;
	background:#4f535a;
	overflow:hidden;
	position:relative;}
.upload_img{
	width:50%;
	float:left;
	min-height:0.45rem;}
.upload_img > img{
	display:block;
	margin: 0 auto;
	width:94%;}
.notice_box{
	padding:0.4rem 0.15rem 0.2rem;
	text-align:center;
	line-height:0.24rem;
	font-size:0.14rem;}
.notice_box > .pic{
	margin: 0 0 0.15rem;}
.notice_box > .pic > img{
	display:block;
	height:0.8rem;
	margin: 0 auto;}
.notice_box > .spel01 > img{
	height:1.8rem;}
.notice_box h5{
	font-size:0.16rem;
	font-weight:normal;}
.notice_box p{
	color:#999;
	font-size:0.14rem;}
.notice_box.spel{
	padding-top:0.25rem;
	padding-bottom:0.15rem;
	border-bottom:0.1rem solid #f2f2f2;}
.long_span{
	display:block;
	line-height:0.2rem;
	color:#666;
	font-size:0.12rem;
	position:absolute;
	top:50%;
	margin-top:-0.1rem;
	right:0.6rem;}
.sex_select{
	height:0.41rem;
	border-bottom:1px solid #efefef;
	padding:0.1rem 0;
	line-height:0.2rem;
	font-size:0.14rem;
	color:#000;}
.sex_select span{
	display:block;
	float:left;}
.sex_selebtn{
	display:block;
	float:left;
	margin: 0 0.12rem;
	height:0.2rem;
	width:0.52rem;
	position:relative;}
.sex_selebtn:before{
	display:block;
	content:"";
	height:0.02rem;
	width:0.18rem;
	background:#46dd7c;
	position:absolute;
	top:0.09rem;
	left:0.08rem;}
.sex_selebtn:after{
	display:block;
	content:"";
	height:0.02rem;
	width:0.18rem;
	background:#aaa8aa;
	position:absolute;
	top:0.09rem;
	right:0.08rem;}
.sex_selebtn span{
	display:block;
	width:0.16rem;
	height:0.16rem;
	border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;
	background:#46dd7c;
	position:absolute;
	top:50%;
	margin-top:-0.08rem;
	left:0;
	z-index:50;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;}
.sex_selebtn.active:before{
	background:#aaa8aa;}
.sex_selebtn.active:after{
	background:#46dd7c;}
.sex_selebtn.active span{
	left:0.36rem;}


/*-- 账户选择和安装证书 --*/
.account_list > ul{
	padding-left:0.15rem;}
.account_list > ul > li{
	border-bottom:1px solid #efefef;
	line-height:0.2rem;
	padding: 0.11rem 0.15rem 0.11rem 0;
	position:relative;
	font-size:0.15rem;}
.account_list > ul > li .icon_radio{
	display:block;
	font-size:0.15rem;}
.account_list > ul > li span.status{
	font-size:0.12rem;
	color:#1a9bff;
	line-height:0.2rem;
	position:absolute;
	top:0.12rem;
	right:0.15rem;}
.rule_list > ul{
	padding-left:0.15rem;}
.rule_list > ul > li{
	border-bottom:1px solid #efefef;}
.rule_list > ul > li > a{
	display:block;
	line-height:0.22rem;
	padding: 0.11rem 0.15rem 0.11rem 0;
	position:relative;
	font-size:0.15rem;
	color:#000;}
.rule_list > ul > li > a:after{
	display:block;
	content:"";
	width:0.12rem;
	height:0.12rem;
	position:absolute;
	top:50%;
	margin-top:-0.06rem;
	right:0.12rem;
	background:url("") no-repeat center;
	background-size: 100% 100%;}
.top_tips > p{
	text-align:center;
	padding:0 0.15rem;
	font-size:0.14rem;
	color:#fff;
	line-height:0.4rem;}
.top_tips > p.ing{
	background:#fbd363;}
.top_tips > p.ok{
	background:#efefef;
	color:#666;}
.top_tips > p.error{
	background:#fbd363;
	color:#000;}
.top_tips > p > span{
	padding-left:0.24rem;
	position:relative;}
.top_tips > p > span a{
	color:#ff3d01;}
.top_tips > p > span:before{
	display:block;
	content:"";
	width:0.18rem;
	height:0.18rem;
	position:absolute;
	top:50%;
	margin-top:-0.09rem;
	left:0;}
@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate {
  from {-moz-transform:rotate(0deg);}
  to {-moz-transform:rotate(360deg);}
}
.top_tips > p.ing > span:before{
	background:url("") no-repeat center;
	background-size: 100% 100%;
	-webkit-animation-name: rotate;
  	-webkit-animation-duration: 2s;
  	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-timing-function: linear;
  	-moz-animation-name: rotate;
  	-moz-animation-duration: 2s;
  	-moz-animation-iteration-count: infinite;
 	-moz-animation-timing-function: linear;}
.top_tips > p.ok > span:before{
	background:url("") no-repeat center;
	background-size: 100% 100%;}
.top_tips > p.error > span:before{
	background:url("") no-repeat center;
	background-size: 100% 100%;}

/*-- 三方存管 --*/
.photo_btn{
	display:block;
	width:0.22rem;
	height:0.22rem;
	position:absolute;
	top:0.09rem;
	right:0;
	background:url("") no-repeat center;
	background-size: 0.22rem 0.22rem;
	z-index:50;}
.icon_eye{
	display:block;
	width:0.22rem;
	height:0.22rem;
	position:absolute;
	top:0.09rem;
	right:0;
	background:url("") no-repeat center;
	background-size: 0.22rem 0.22rem;
	z-index:50;}
.icon_eye.show{
	background-image: url("");}
.rule_check{
	font-size:0.14rem;
	color:#666;
	line-height:0.2rem;
	margin: 0.2rem 0.15rem -0.15rem;
	position:relative;
	padding-left:0.22rem;}
.rule_check a{
	color:#1a9bff;}
.icon_check{
	display:block;
	line-height:0.2rem;
	font-size:0.12rem;
	color:#666;
	position:relative;
	padding-left:0.22rem;}
.icon_check:before{
	display:block;
	content:"";
	width:0.14rem;
	height:0.14rem;
	border:1px solid #d6d6d6;
	position:absolute;
	top:0.02rem;
	left:0;}
.icon_check.checked:before{
	border:1px solid #20a0f7;
	background:#20a0f7 url("") no-repeat center;
	background-size: 100% 100%;}
.rule_check > .icon_check{
	padding-left:0;
	width:0.16rem;
	height:0.16rem;
	position:absolute;
	top:0.02rem;
	left:0;}
.rule_check > .icon_check:before{
	top:0;}
.bank_list > ul > li{
	border-bottom:1px solid #efefef;
	padding:0.08rem 0.15rem 0.08rem 0.64rem;
	line-height:0.2rem;
	color:#b8b8b8;
	font-size:0.11rem;
	position:relative;
	min-height:0.37rem;}
.bank_list > ul > li img{
	display:block;
	width:0.32rem;
	height:0.32rem;
	position:absolute;
	top:50%;
	margin-top:-0.16rem;
	left:0.15rem;} 
.bank_list > ul > li h5{
	font-weight:normal;
	font-size:0.15rem;
	color:#000;}
.icon_explain{
	display:block;
	width:0.22rem;
	height:0.22rem;
	position:absolute;
	top:0.09rem;
	right:0;
	background:url("") no-repeat center;
	background-size: 0.16rem 0.16rem;
	z-index:50;}

/*-- 风险测评 --*/
.icon_radio{
	display:inline-block;
	padding-left:0.26rem;
	line-height:0.22rem;
	color:#000;
	font-size:0.14rem;
	position:relative;}
.icon_radio:before{
	display:inline-block;
	content:"";
	width:0.16rem;
	height:0.16rem;
	border:1px solid #ccc;
	position:absolute;
	top:0.02rem;
	left:0;
	-moz-border-radius:1rem; -webkit-border-radius:1rem; border-radius:1rem;}
.icon_radio.checked:before{
	border:1px solid #1a9bff;
	background:#1a9bff url("") no-repeat center;
	background-size: 0.16rem 0.16rem;}
.icon_radio.disable:before{
	background:#ccc url("") no-repeat center;
	background-size: 0.16rem 0.16rem;
	border:1px solid #ccc;}
.test_main{
	background:#efefef;
	padding-bottom:0.1rem;}
.test_box{
	padding-bottom:0.1rem;}	
.test_main > .test_box:last-child{
	padding-bottom:0;}
.test_box > h5{
	padding: 0.1rem 0.15rem;
	font-size:0.14rem;
	line-height:0.18rem;
	background:#fff;
	color:#000;
	font-weight:normal;}
.input_list{
	background:#fff;
	padding-left:0.15rem;
	border-top:1px solid #efefef;}	
.input_list > li{
	line-height:0.22rem;
	border-bottom:1px solid #efefef;
	padding:0.11rem .15rem 0.11rem 0.04rem;}
.input_list > li:last-child{
	border-bottom: 0 none;}
.test_title{
	background:#fff;
	padding: 0.1rem 0.15rem;
	line-height:0.18rem;
	font-size:0.14rem;
	margin-bottom:0.1rem;}
.test_box.error > h5{
	color:#f7520d;}
.test_box.error .icon_radio.checked{
	color:#f7520d;}
.test_box.error .icon_radio.checked:before{
	background:#f7520d url("") no-repeat center;
	background-size: 0.18rem 0.18rem;
	border:1px solid #f7520d;}
.test_result{
	padding:0.35rem 0.1rem 0;
	text-align:center;
	font-size:0.14rem;
	line-height:0.24rem;}
.test_level{
	width:2rem;
	height:2rem;
	margin: 0 auto 0.3rem;
	position:relative;}
.test_level.class01{
	background-image:url(../images/test01.png);
	background-size: 2rem 2rem;}
.test_level.class02{
	background-image:url(../images/test02.png);
	background-size: 2rem 2rem;}
.test_level.class03{
	background-image:url(../images/test03.png);
	background-size: 2rem 2rem;}
.test_level.class04{
	background-image:url(../images/test04.png);
	background-size: 2rem 2rem;}
.test_level.class05{
	background-image:url(../images/test05.png);
	background-size: 2rem 2rem;}
.test_level > h5{
	font-size:0.18rem;
	font-weight:normal;
	color:#000;
	line-height:0.28rem;
	padding-top:0.7rem;}
.test_level > h5 > span{
	margin: 0 0.05rem;
	display:block;
	text-align:center;}
.test_level > h5 > span strong{
	font-weight:normal;
	font-size:0.4rem;
	margin-right:0.05rem;}
.test_result > p > a{
	color:#1a9bff;}
.mt20{
	margin-top:0.2rem;}
.level_info{
	font-size:0.11rem;
	color:#666;
	margin: 0.06rem 0 0.3rem;}
.level_info > span{
	margin: 0 0.04rem;
	padding-left:0.08rem;
	position:relative;}
.level_info > span:before{
	display:block;
	content:"";
	width:0.04rem;
	height:0.08rem;
	position:absolute;
	top:50%;
	margin-top:-0.04rem;
	left:0;}
.level_info > span:nth-child(1):before{
	background:#678b1d;}
.level_info > span:nth-child(2):before{
	background:#47acd6;}
.level_info > span:nth-child(3):before{
	background:#9058a3;}
.level_info > span:nth-child(4):before{
	background:#eca81f;}
.level_info > span:nth-child(5):before{
	background:#f14a11;}

/*-- 设置密码 --*/
.set_select{
	height:0.44rem;
	line-height:0.44rem;
	font-size:0.15rem;
	position:relative;
	padding: 0 0.15rem;
	border-bottom:1px solid #efefef;}
.set_select > .switch{
	position:absolute;
	top:50%;
	margin-top:-0.15rem;
	right:0.15rem;}
.set_pword.border{
	border-top:0.1rem solid #efefef;}

/*-- 开户完成 --*/
.suc_box{
	padding:0.2rem 0.2rem 0.2rem 1rem;
	min-height:1.2rem;
	position:relative;}
.suc_box > .icon{
	width:0.8rem;
	height:0.8rem;
	position:absolute;
	top:0.2rem;
	left:0.15rem;
	background:url(../images/result_icon01.png) no-repeat center;
	background-size: 100% 100%;}
.suc_box > h5{
	line-height:0.2rem;
	padding:0.08rem 0;
	font-weight: bold;
	font-size:0.16rem;
	color:#000;}
.suc_box > p{
	line-height:0.18rem;
	font-size:0.14rem;}
.result_info{
	background:#fff;}
.result_info > ul{
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;}
.result_info > ul > li{
	line-height:0.2rem;
	font-size:0.14rem;
	padding:0.12rem 0.15rem;
	border-bottom:1px solid #efefef;
	position:relative;}
.result_info > ul > li:last-child{
	border-bottom: 0 none;}
.result_info > ul > li .status{
	position:absolute;
	top:50%;
	margin-top:-0.1rem;
	font-size:0.12rem;
	color:#999;
	right:0.15rem;}
.result_info > ul > li p strong{
	font-weight:normal;
	display:inline-block;
	width:1rem;}
.xy_main{
	padding: 0.1rem 0.1rem 0;}
.xy_title{
	text-align:center;
	font-weight:normal;
	font-size:0.16rem;
	line-height:0.24rem;
	margin-bottom:0.05rem;}
.xy_cont{
	font-size:0.14rem;
	line-height:0.24rem;
	color:#999;}
.xy_cont p{
	padding:0.03rem 0;}
.bot_link{
	text-align:center;
	font-size:0.14rem;
	line-height:0.24rem;
	padding:0.1rem;}
.bot_link a{
	color:#1a9bff;}
.result_wp{
	background:#ebebeb;
	padding-bottom:0.1rem;}
.result_wp .result_info > ul{
	border-top: 0 none;}
.result_progress{
	background:#ebebeb;
	padding-bottom:0.1rem;}
.result_progress > .title{
	background:#fff;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:0.1rem 0.15rem;
	line-height:0.24rem;
	font-weight:normal;
	font-size:0.15rem;}
.progress_cont{
	background:#fff;
	border-bottom:1px solid #efefef;
	padding: 0.2rem 0 0 0.22rem;}
.progress_list{
	border-left:1px solid #ddd;
	padding-left:0.3rem;}
.progress_list > li{
	border-bottom:1px solid #efefef;
	padding: 0.1rem 0.15rem 0.1rem 0;
	position:relative;
	line-height:0.22rem;
	font-size:0.14rem;
	color:#666;
	top:-0.16rem;}
.progress_list > li:last-child{
	border-bottom: 0 none;}
.progress_list > li:before{
	display:block;
	content:"";
	width:0.08rem;
	height:0.08rem;
	background:#ddd;
	-moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;
	position:absolute;
	top:0.17rem;
	left:-0.34rem;}
.progress_list > li > p.time{
	font-size:0.12rem;
	position:relative;
	padding-left:0.18rem;}
.progress_list > li > p.time:before{
	display:block;
	content:"";
	width:0.11rem;
	height:0.11rem;
	position:absolute;
	top:50%;
	margin-top:-0.05rem;
	left:0;
	background: url("") no-repeat center;
	background-size: 100% 100%;}
.progress_list > li > p a{
	color:#1a9bff;
	margin-left:0.1rem;}
.progress_list > li > p.spel{
	position:relative;
	padding-left:1rem;}
.progress_list > li > p.spel strong{
	font-weight:normal;
	position:absolute;
	top:0;
	left:0;}
.progress_list > li > p.spel span{
	display:block;}
.progress_list > li.error{
	color:#ff0000;}
.progress_list > li.error:before{
	width:0.12rem;
	height:0.12rem;
	border:0.02rem solid #ff9d9d;
	background:#ff0000;
	top:0.13rem;
	left:-0.38rem;}
.progress_list > li.error > p.time:before{
	background-image: url("");}




/*-- 页面出错  --*/
.error_main{
	padding:0.65rem 0.15rem 0.2rem;
	text-align:center;
	font-size:0.12rem;
	color:#999;
	line-height:0.24rem;}
.icon_network{
	width:0.6rem;
	height:0.6rem;
	margin: 0 auto 0.1rem;
	background:url("") no-repeat center;
	background-size: 100% 100%;}
.icon_repair{
	width:0.6rem;
	height:0.6rem;
	margin: 0 auto 0.1rem;
	background:url("") no-repeat center;
	background-size: 100% 100%;}
.error_main h5{
	font-weight:normal;
	font-size:0.16rem;
	color:#000;}
.spel_btn {
	padding:0.15rem;}
.spel_btn > a{
	display:block;
	height:0.32rem;
	line-height:0.3rem;
	width:1.02rem;
	text-align:center;
	margin: 0 auto;
	border:1px solid #1a9bff;
	color:#1a9bff;
	-moz-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;}


/**-- 身份证驳回  --**/
.upload_error{
	margin: 0.15rem;
	position:relative;}
.upload_error > .pic{
	border: 1px solid #ddd;
	background: #f8f8f8;
	-moz-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;border-radius: 0.05rem;
	height: 1.7rem;
	padding:0.2rem 0.1rem;}
.upload_error > .pic > img{
	display: block;
	height: 100%;
	margin: 0 auto;
	-moz-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;border-radius: 0.05rem;}
.upload_error > .info{
	width: 100%;
	height: 100%;
	-moz-border-radius: 0.04rem;-webkit-border-radius: 0.04rem;border-radius: 0.04rem;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;}
.upload_error > .info > h5{
	font-weight: normal;
	padding-top: 0.55rem;
	line-height: 0.34rem;
	text-align: center;
	font-size: 0.3rem;}
.upload_error > .info > p{
	line-height: 0.24rem;
	font-size: 0.17rem;
	text-align: center;
	margin-top: 0.03rem;}












/* iphone 6 */
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2) {
    html {
        font-size: 117.1875px;
    }
}
/* iphone6 plus */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3) {
    html {
        font-size: 129.375px;
    }
}